<!DOCTYPE html>
<html>
<head>
	<title>照片书教程</title>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="yes" name="apple-touch-fullscreen">
	<meta content="telephone=no,email=no" name="format-detection">
	<script type="text/javascript">
		window.onresize = function(){
			(function(){
				var html = document.documentElement;
				var hW = html.getBoundingClientRect().width;
				html.style.fontSize = hW / 16 + "px";
				//1rem = 20px;
			})()
		}
	</script>
	<style type="text/css" src="__ROOT__/Apps/WebApp/View/default/css/normalize.css"></style>
	<style type="text/css">
		h2{ 
			text-align: center;
			font-size: 1.2rem;
			font-weight: normal; 
			border-bottom: 1px dashed #666;
			height: 3rem;
			line-height: 3rem;
		}
		a{
			text-decoration: none;
			color: #000;
		}
		.photobook{
			width: 100%;
		}
		dl {
			width: 100%;			
			margin: 0;
		}
		dt {
			font-size: 1rem;
			height: 2.4rem;
			line-height: 2.4rem;
			border-bottom: 1px dashed #999;
			color: #86E2D5; 
		}
		dd{
			width: 100%;
			display: none;
			margin: 0;
			text-indent: 0.5rem;
			/*height: 1.8rem;*/
			line-height: 1.8rem;
			border-bottom: 1px dashed #ccc; 
		
		}
		dt a{
			color: #000;
		}
		dd a{
			/*color: #5BAEE2;*/
			font-size: 0.8rem;
		}
		img{
			width:1.2rem ;
	        float: right;
	        margin-top: 0.18rem;
		}
		span{
			color: #FF1700;
		}
	</style>
	
</head>
<body>
	<h2>目录</h2>
	<div class="photobook">
		<dl class="title">
			<dt class="showcontent">
				<a href="{:U('WebApp/WxBooks/imgshow','imgsrc=makingphotoBook.jpg')}" style="color: #86E2D5; ">1.【照片书】一本可以分享的纪念册</a>

			</dt>
		</dl>
		<dl class="title">
			<dt class="showcontent">2.如何编辑一本书  &nbsp;&nbsp;<span>(点击下面链接了解更多)</span> </dt>
			<dd>
				<a href="{:U('WebApp/WxBooks/imgshow','imgsrc=photobook_editcontent.jpg')}">
					【编辑内容】文字内容可以随心设计
				</a>
				<img src="__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_icon_left_nor2.png"/>
			</dd>
			<dd>
				<a href="{:U('WebApp/WxBooks/imgshow','imgsrc=photobook_editcover.jpg')}">
					【编辑封面、页脚】添加自己书名,封面/页脚多种样式选择。
				</a>
				<img src="__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_icon_left_nor2.png"/>
			</dd>
			<dd>
				<a href="{:U('WebApp/WxBooks/imgshow','imgsrc=photobook_invitefriend.png')}">
					【邀请好友】自己图片不够了,你可以邀请好友一起做书。
				</a>
				<img src="__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_icon_left_nor2.png"/>
			</dd>
		</dl>
		<dl class="title">
			<dt class="showcontent">3.如何购买纸质书 &nbsp;&nbsp; <span> (点击下面链接了解更多)</span></dt>
			<dd>
				<a href="{:U('WebApp/WxBooks/imgshow','imgsrc=photobook_buy.png')}">
					【如何购买】是怎样购买我的照片书
				</a>
				<img src="__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_icon_left_nor2.png"/>
			</dd>
			<dd>
				<a href="{:U('WebApp/WxBooks/imgshow','imgsrc=photobook_invoice.png')}">
					【发票】发票内容与寄出时间
				</a>
				<img src="__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_icon_left_nor2.png"/>
			</dd>
			<dd>
				<a href="{:U('WebApp/WxBooks/imgshow','imgsrc=book_ship.png')}">
					【发货】多久能发货？
				</a>
				<img src="__ROOT__/Apps/WebApp/View/default/images/my_bookshelf_icon_left_nor2.png"/>
			</dd>
		</dl>
	</div>
	<script type="text/javascript" src="__ROOT__/Apps/WebApp/View/default/js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript">
		$(".showcontent").each(function(){
			$(this).on("click",function(){
				$(this).nextAll().toggle();
			})
		})
	</script>
</body>
</html>